<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="index2.css">
    <style>       
        .list{
            width: 600px;
            /* text-align: center; */
            margin: 30px auto;
        }
        .list li{
            line-height: 50px;
        }
        .list li a{
            color: #f00;
        } 

    </style>
</head>
<body>
    <h1>BOM</h1>
    <!-- history -->
    <button onclick="openBaidu()">百度一下</button>
    <button onclick="closeWin()">关闭窗口</button>

    <!-- location -->
    <button onclick=" openBaiduWithHref()">百度一下2</button>
    <!-- 类似于刷新按钮 -->
    <button onclick="location.reload()">重新加载</button>
    <br/>
    <a href ="new.html">跳转到New</a>

    <ur class="list">
        <li><a href="new.html#100">就将计就计</a></li>
        <li><a href="new.html#200">jjjjjjj</a></li>
        <li><a href="new.html?id=100&title=今天解封了&time=2021/10/21">kk</a></li>
        <li><a href="new.html?title=hello&time=2021/10/21">kk</a></li>
    </ur>
    
    <script>
        //window对象
        // open的用法 
        // window.open('http://www.baidu.com'); //自动跳转
        var newWin;
        function openBaidu(){
            setTimeout(function(){
                newWin = open('https://www.baidu.com')
                console.log(newWin)
            },2000) 
        }
        function closeWin(){
            newWin.close();
        }
        
        //history对象 （见new.html应用后退键）
        //back()	后退到上一个访问过的页面
        //forward()	前进到下一个访问过的页面
        //go(n)	跳转到某个访问过的页面 
        //go(n) 如果 n 为正数，则前进到第 n 个访问过的网页；如果 n 为负数，则后退到第 n 个访问过的网页。



        // location对象 包含当前窗口的 URL 信息。
        // 可以通过修改 location 对象的属性来加载另一个文档。
        console.log(Location)  //用Location了解网页的信息

        // host	主机名和端口
        // hostname	主机名
        // port	端口号
        // href	当前页面的 URL
        // reload	重新加载当前页面
        // location.reload(); 如果不注释会一直在刷新

        // href属性：可读可写，用于获取或设置url 当前页面的地址改为百度的地址（在当前页面打开）  
        function openBaiduWithHref(){
            location.href = 'https://www.baidu.com';
        }
       
        // hash	 设置或返回 URL 的锚部分（从 # 号开始的部分）
        // search	设置或返回当前 URL 的查询部分（问号 ? 之后的部分）
        // hash 和 search 实现两个页面之间进行数据传递
        console.log(location.hash)
        location.hash = 200;   //可以改设置
        console.log(location.hash)

        // navigator

        // screen
        // height是包括导航栏的
        // availHeight 不包括

        // document 指向当前窗口内的文档节点
        // document.write( )：将一串文本写入文档流

        
       
    </script>
</body>
</html>